import React, { Component } from 'react';
import Head from './Head';
import './head.css';
import { Accordion } from 'antd-mobile';

class Help extends Component {
    
    componentDidMount(){
        let _b_url = this.props.history.location.pathname;
        window._hmt.push(['_trackPageview', _b_url]);
    }

    render() {
        return (
            <div className="root">

                <Head url='/user' history={this.props.history} title='使用指南' />

                <Accordion accordion openAnimation={{}}  className="my-accordion" >

                    <Accordion.Panel header="开启单词释义查询" className="pad">
                        在做题页面点击右上角的设置按钮，点击开启单词释义查询。然后点击文中单词就会查询释义。
                    </Accordion.Panel>

                    <Accordion.Panel header="标记单词" className="pad">
                        试卷里的所有单词都是可以标记的(包括文章，和选项)，点击一个单词，它就会变成绿色。您可以使用此功能把关键单词或句子标记下来方便答题。
                    </Accordion.Panel>

                    <Accordion.Panel header="切换文章和题目" className="pad">
                        您可以点击试卷右下方的答题(返回)按钮进行文章和题目的切换
                    </Accordion.Panel>

                    <Accordion.Panel header="听力题型" className="pad">
                        听力音频默认是不播放的，需要手动点击播放按钮播放。点击答题按钮切换至答题页面，点击 A,B,C,D 按钮可以选择答案。
                    </Accordion.Panel>

                    <Accordion.Panel header="选词填空题型" className="pad">
                        点击答题按钮，可以切换到文章页面，点击文章中的数字会弹出待选单词，点击单词选择答案。
                    </Accordion.Panel>

                    <Accordion.Panel header="阅读匹配题型" className="pad">
                        点击[^] 向上按钮可以隐藏章节提示，在答题标签页可以选择 A、B、 C ...... 按钮选择答案
                    </Accordion.Panel>

                    <Accordion.Panel header="仔细阅读题型" className="pad">
                        点击[^] 向上按钮可以隐藏章节提示，在答题标签页可以选择 A、B、 C、 D按钮选择答案
                    </Accordion.Panel>


                    <Accordion.Panel header="提交答案" className="pad">
                        您可以点击试卷最上方的交卷，交卷后，会显示具体的答题情况。
                    </Accordion.Panel>

                    <Accordion.Panel header="查看答案" className="pad">
                        在交卷后，点击题目数字，就会弹出数字对应题目的正确答案，和您选择的答案。
                    </Accordion.Panel>

                    <Accordion.Panel header="查看详细解析" className="pad">
                        在交卷后，点击详细解析后，您可以查看到听力原文，文章翻译等详细的答案解析。
                    </Accordion.Panel>

                    <Accordion.Panel header="提出意见" className="pad">
                        您可以加群QQ：590597134,提出您的宝贵意见。
                    </Accordion.Panel>

                </Accordion>


            </div>
        );
    }
}

export default Help;